/*responsive configuration*/
@media screen and (max-width: 992px){
	#u_LOGO{
		width: 150px !important;
		height: 150px !important;
	}
	#usc_LOGO{
		margin-left: 0%;
		width: 150px !important;
		height: 150px !important;
	}
	#logo{
		width: 150px !important;
		height: 150px !important;
	}
}
#usc_LOGO
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	transform-style:preserve-3d;
	transition-property: all;
	transition-duration: .6s;
	transition-delay: 0s;
	transition-timing-function: ease-in;
}
#u_LOGO
{
	width: 300px;
	height: 100%;
	position: relative;
	transform-style:preserve-3d;
	transition-property: all;
	transition-duration: .6s;
	transition-delay: 0s;
	transition-timing-function: ease-in;
	transform: rotateX(-180deg);
}
#logo
{
	transform-style: preserve-3d;
	position: relative;
	width: 300px;
	height: 300px;
	perspective: 4500px;
}
#logo:hover img[id="usc_LOGO"]
{
	transform: rotateX(180deg) translateZ(0px);
}
#logo:hover img[id="u_LOGO"]
{
	transform: rotateX(0deg);
}
